<script setup>
import Message from "@/common/components/message/message.vue";
import {zhCN, dateZhCN} from 'naive-ui'
import {useSpinStore} from "@/store/spin";
const spinStore = useSpinStore()
// console.log(spinStore)
</script>
<template>
  <div class="spin-loading-container" v-if="spinStore.loadingFlag">
    <n-spin></n-spin>
  </div>
  <message></message>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" >
    <router-view></router-view>
  </n-config-provider>
</template>

<style scoped>
header {
  line-height: 1.5;
}

.spin-loading-container {
  position: absolute;
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  z-index: 999;

  background-color: rgba(255, 255, 255, 0.4);
}

</style>
